.page{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;
}
.btn-count {
	padding: 8rpx 30rpx;
	text-align: center;
	margin-left: 10rpx;
	border-radius: 30rpx;
	color: #fff;
	background:$base;
	border:1px solid $base !important;
	border: 0;
	
}
.see-btn{
	border:1px solid $base !important;
	color:$base !important;
}
/* 顶部返回 */
.head-back{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100rpx;
	background-color: #FFFFFF;
	/* #ifdef APP-PLUS */
	height: calc(50rpx + var(--status-bar-height));
	padding-top: var(--status-bar-height);
	/* #endif */
	/* #ifdef MP */
	height: 150rpx;
	padding-top: 120rpx;
	/* #endif */
	.back{
		// position: absolute;
		left: 0;
		top: 0;
		/* #ifdef APP-PLUS */
		padding-top: var(--status-bar-height);
		/* #endif */
		/* #ifdef MP */
		padding-top: 120rpx;
		/* #endif */
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100rpx;
		height: 100%;
		text{
			width: 20rpx;
			height: 20rpx;
			border-left: 2rpx solid #555555;
			border-bottom: 2rpx solid #555555;
			transform: rotate(45deg);
		}
	}
	.title{
		display: flex;
		align-items: center;
		text{
			font-size: 28rpx;
			color: #222222;
		}
	}
	.more-icon{
		position: absolute;
		right: 0;
		top: 0;
		/* #ifdef APP-PLUS */
		right: 0rpx;
		padding-top: var(--status-bar-height);
		/* #endif */
		/* #ifdef MP */
		right: 220rpx;
		padding-top: 20rpx;
		/* #endif */
		display: flex;
		align-items: center;
		height: 100%;
		.icon-list{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 80rpx;
			height: 100%;
			text{
				font-size: 34rpx;
				color: #222222;
			}
		}
	}
}

/* 订单tab */
.order-tab{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100rpx;
	background-color: #FFFFFF;
	.tab{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 20%;
		height: 80%;
		text{
			font-size: 26rpx;
			color: #353535;
		}
		.line{
			position: absolute;
			right: 5%;
			bottom: 15%;
			width: 22rpx;
			height: 22rpx;
			display: none;
		}
	}
	.action{
		text{
			color: #141414;
			font-size:34rpx;
		}
		.line{
			display: block;
		}
	}
}

/* 订单列表 */
.order-list{
	width: 100%;
	display: block;
	padding: 0 4%;
	// margin-top: 220rpx;
	/* #ifdef APP-PLUS */
	// margin-top: calc(170rpx + var(--status-bar-height));
	/* #endif */
	.list{
		width: 100%;
		padding:20rpx 30rpx;
		display: block;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		margin-top: 20rpx;
		.title-status{
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			padding-bottom:10rpx;
			.title{
				display: flex;
				align-items: center;
				text{
					font-size: 26rpx;
					font-weight: bold;
					color: #222222;
				}
			}
			.status{
				display: flex;
				align-items: center;
				text{
					font-size: 26rpx;
					color: #EBAC09;
				}
				
			}
			.other{
				color: #D02227 !important;
			}
		}
		.goods-list{
			width: 100%;
			.goods{
				display: flex;
				align-items: center;
				width: 100%;
				height: 200rpx;
				.thumb{
					display: flex;
					align-items: center;
					// width: 30%;
					height: 100%;
					image{
						width: 160rpx;
						height: 160rpx;
						border-radius: 10rpx;
						margin-right:20rpx;
					}
				}
				.item{
					// display: flex;
					// align-items: center;
					// width: 70%;
					// height: 100%;
					.goods-name{
						// width: 70%;
						margin-bottom:10rpx;
						text{
							font-size: 30rpx;
							color: #555555;
						}
					}
					.goods-gg{
						font-size:24rpx;
						color:#aaa;
						display: block;
						padding: 10rpx 0;
						margin-bottom:10rpx;
					}
					.goods-price{
						margin-top:20rpx;
						// display: flex;
						// align-items: center;
						// justify-content: flex-end;
						// width: 30%;
						text{
							color: #222222;
						}
						.min{
							font-size: 26rpx;
						}
						.max{
							font-size: 34rpx;
						}
					}
				}
			}
		}
		.item-price-box{
			color:#353535;
			font-size:24rpx;
			font-weight: bold;
			.item-price{
				font-size:36rpx;
			}
		}
		.status-btn{
			display: flex;
			align-items: center;
			justify-content: flex-end;
			width: 100%;
			margin-top:20rpx;
			.btn{
				padding: 8rpx 30rpx;
				border: 2rpx solid #888888;
				border-radius: 100rpx;
				margin-left: 20rpx;
				font-size: 26rpx;
				color: #888888;
			}
			.action{
				border: 2rpx solid $base;
				text{
					color: $base;
				}
			}
		}
	}
}
.p-content{
	width:560rpx;
	padding-bottom:50rpx;
	position:relative;
	background: #fff;
	border-radius:20rpx;
	z-index:0;
	.top-img{
		position:absolute;
		top:-100rpx;
		z-index:1;
		left:50%;
		width: 153rpx;
		height: 166rpx;
		transform: translateX(-50%);
	}
	.close-btn{
		position:absolute;
		bottom:-100rpx;
		left:50%;
		transform: translateX(-50%);
	}
	.bttom-text{
		text-align: center;
		width:100%;
		padding-top:100rpx;
		.fv-xing{
			justify-content: center;
			margin-bottom:20rpx;
		}
		.text{
			color:#block;
			font-size:30rpx;
			display: block;
			// width:450rpx;
			margin:0 auto;
			padding:30rpx 40rpx;
			line-height:1.4;
			.c-text{
				color:#888888;
				font-size:30rpx;
				margin-top:20rpx;
				display: inline-block;
			}
		}
		.btn-img{
			width:360rpx;
			height:80rpx;
			line-height:80rpx;
			background:$base;
			border-radius: 40rpx;
			display:block;
			margin:0 auto;
			color:#fff;
		}
	}
}